<?php
	session_start();
?>
<!doctype html>
<html>

<style>
    .rotate
    {
        position: absolute;
    	margin-Left:-45px;
    	margin-top: 75px;
        background-color: black; 

        -webkit-transform:rotate(-270deg);
        -ms-transform:rotate(-270deg);
        -moz-transform:rotate(-270deg);
        -o-transform:rotate(-270deg);
        transform:rotate(-270deg);
    }
</style>


    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>iQuit | Distract</title>
        <meta name="description" content="A mobile application to help you quit smoking.">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/style.css">
		<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
		<script>
			function init() {
			
			}
			
			window.addEventListener('load', init, false);
			
		</script>
	</head>
	<body>
		<div id="main-wrapper">
			<?php 
				include "includes/nav.php";
			?>
			<header>
				iQuit
			</header>
			<div id="content">
				&nbsp;&nbsp;<a href="distract.php"><img src="images/backbtn.png" style="margin-top: 5px;" /></a>
				<div class="secondary-menu-games">
					<ul>
						<li><a href="game1.php"><table><tr><td width="60px" valign="top"> <img src="games/ballgame.png" width="50px;"/></td> <td><span style="color: #4BC0AF;">Jump Ball</span><br/><span style="font-size: 12px;">Be the ball and jump through obsticles to get to the end. <div style="float: right; margin-top: 5px;"><img src="images/play.png" alt="Play"/></div></span></td></tr></table></a></li>
					
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>